<script setup>
    // 使用组合式（setup)，没用选项式
    import { ref, toRefs } from "vue";
    import { Checkbox } from 'vant';

    const activeIcon = ref('/images/logo.png');
    const inactiveIcon = ref('/images/logo0.png');
    const itemText = ref('子组件数据');

</script>

<template>
    <!-- 模板组件必须在一个节点内，否则传递属性无法自动继承 -->
    <van-checkbox>
        <!-- 使用组件提供的 icon 插槽 -->
        <template #icon="props">
            <div style="background-color: #ff8040;color: white;height: 100%">
                {{props.checked ? 'True' : 'False'}}
                <img style="height: 100%" :src="props.checked ? activeIcon : inactiveIcon" />
            </div>
        </template>
        <slot name="aaa" :text="itemText">默认</slot>
    </van-checkbox>
</template>